@font-face {
    font-family: "iconfont logo";
    src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
    src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
        url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
        url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
        url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
}

/* @font-face {
    font-family: "iconfont logo";
    src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
    src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
      url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
      url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
      url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
  } */
/* 声明iconfont */

* {
    margin: 0px;
    padding: 0px;
    font-family: samsungsharpsans-bold_v2, Microsoft YaHei, Arial, sans-serif;
}

a {
    text-decoration: none;
    /* 取消对链接字体的下划线 */
}

li {
    list-style: none;
    /* 取消列表的前缀样式 */
}

input {
    outline: none;
    /* 消去点击表单后出现的边框 */
}

.iconfont {
    font-family: "iconfont" !important;
}

.clear::after {
    content: "";
    height: 0;
    display: block;
    clear: both;
    zoom: 1;
    /* 伪元素清除浮动 */
}

.hbw {
    width: 1220px;
    margin: 0 auto;
}

.banner,
.content .ban .headban,
.content .ban .newlist ul li:first-child,
.content .ban .newlist ul a li:nth-of-type(n+1),
.content .ban .phonepad .phonetitle,
.content .ban .phonepad {
    position: relative;
}

.waist .last,
.qianggou .last,
.content .ban .hotsale ul a .last,
.content .ban .newlist ul a:nth-child(2n+3) li,
.content .ban .phonepad ul a:last-child {
    margin-right: 0px !important;
}

/* 页眉和logo栏的版心 */

.w {
    width: 1152px;
    margin: 0 auto;
}

/* 主内容版心 */

/* 设定好iconfont的字体 */
.head {
    height: 30px;
    background-color: #f7f7f7;
}

/* 用head盒子来框住navhead */
.navheader {
    height: 30px;
    background-color: #f7f7f7;
}

.navheader ul li {
    float: right;
    padding: 0 17px;
    margin-top: 3px;
    border-right: 2px solid #b9afaf;
}

.navheader ul li a {
    font-size: 12px;
    color: #000000;
    font-weight: 400;
}

/* 设置右导航栏最右边的电话样式 */
.navheader ul .phonenum {
    border-right: none;
    font-size: 12px;
    color: #000000;
    font-weight: 700;
    line-height: 26px;
    padding-right: 0px;
}

.navheader ul .phonenum span {
    margin-right: 3px;
}

/* 版心从此开始 */
.banner {
    /* position: relative; */
    height: 80px;
    background-color: #ffffff;
    padding: 0 24px 0 16px;
}

.banner .logo {
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -7px;
    margin-right: 112px;
    height: 15px;
    width: 100px;
    background: url(imges/global-samsung-logo1.webp) no-repeat;
    background-size: contain;
}

.banner .navleft {
    position: absolute;
    left: 183px;
    top: 50%;
    margin-top: -12px;
}

.banner .navleft li {
    float: left;
    padding: 5px 13px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.banner .navleft li:hover {
    background-color: black;
    border-radius: 20px;
    color: #ffffff;
}

.banner .right {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -17px;
    height: 34px;
    /* width: 300px; */
}


.banner .com {
    float: left;
    padding: 0 15px;
    height: 34px;
    border: 1px #dcdfe6 solid;
    border-radius: 17px;
}

.banner .search {
    height: 34px;
    width: 180px;
    float: left;
    border: none;
}

.banner .com .button {
    height: 100%;
    width: 20px;
    background: url(imges/搜索.png) no-repeat;
    background-position: 50% 50%;
    border: none;
}

.banner .com:hover {
    border: darkgray 1px solid;
}

.banner .com:focus {
    border: blue 1px solid;
    outline: 0px;

}

.banner .iconfont {
    float: left;
    font-size: 22px;
    text-align: center;
    line-height: 34px;
}

.banner .right .shoppingcar {
    margin: 0 22px;
    /* font-weight: 700; */
    color: #000000;
}

.banner .right .login_sign a {
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    line-height: 34px;
    color: #000000;
}

/* 版心从此结束 */
/* 轮播图样式 */
.turn {
    position: relative;
    height: 640px;
    background-color: #f3f4f4;
}

.turn .w {
    height: 100%;
    background: url(imges/轮播图.webp) no-repeat;
    background-position: 50% 50%;
}

/* 腰间导航栏 */
.waist li {
    position: sticky;
    top: 0px;
    margin-top: 60px;
    float: left;
    width: 115px;
}

.waist li img {
    width: 40px;
    height: 40px;
    margin: 0 37px;
    /* 使腰间导航栏图片居中显示 */
}

.waist li div {
    font-size: 13px;
    color: #000000;
    text-align: center;
}



/* 腰间导航栏结束 */
/* 抢购栏开始 */
.qianggou li {
    float: left;
    overflow: hidden;
    margin: 75px 20px 0 0;
}

.qianggou li img {
    width: 270px;
    height: 363px;
    transition: all 1s;
}

.qianggou li img:hover {
    transform: scale(1.05);
}

/* 预留轮播图开始 */
.midturn {
    margin-top: 39px;
    margin-bottom: 50px;
    height: 150px;
}

/* 主内容盒子 */
.content {
    padding-bottom: 30px;
    background-color: #f7f7f7;
}

.content .ban {
    height: 100%;
    overflow: hidden;
    /* 解决外边距合并 */
}

/* 秒杀专区开始 */
/* 秒杀头部 */
.content .ban .headban {
    /* position: relative; */
    margin-top: 23px;
}

.content .ban .headban h2,
.content .ban .phonepad h2 {
    display: inline-block;
    font-size: 30px;
    font-weight: 400;
}

.content .ban .headban .miaoshatitle {
    display: inline-block;
    font-size: 19px;
    margin-left: 17.920px;
    vertical-align: top;
    height: 40px;
    /* 使文字上移 */
    line-height: 40px;
}

.content .ban .headban .miaoshacount {
    display: inline-block;
    width: 180px;
    height: 44px;
    background-color: hotpink;
}

.content .ban .headban .knowmore,
.content .ban .phonepad .knowmore {
    position: absolute;
    top: 20px;
    right: 0;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #8b8b8b;
}

.content .ban .headban .knowmore:hover,
.content .ban .phonepad .knowmore:hover:hover

/* 伪类选择器冒号前不能有空格否则无效 */
    {
    color: #000000;
}

.content .ban .headban .knowmore span,
.content .ban .phonepad .knowmore span {
    display: inline-block;
    background-color: #fff;
    margin-left: 6px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 15px;
    color: #000000;
}

/* 秒杀头部结束 */
.content .ban .miaoshalist ul li {
    float: left;
    margin-right: 10px;
    margin-top: 27px;
    overflow: hidden;
    border-radius: 10px;
    background-color: #fff;
    width: 270px;
    height: 363px;
}

.content .ban .miaoshalist ul .last {
    margin-right: 0;
}

.content .ban .miaoshalist ul li img {
    margin: 31px 39px 0;
    width: 192px;
    height: 192px;
    transition: all 1s;
}

.content .ban .miaoshalist ul li img:hover {
    transform: scale(1.05);
}

.content .ban .miaoshalist ul li h3 {
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    color: #000000;
}

/* 处理文字溢出部分显示省略号 */
.content .ban .miaoshalist ul li #special,
.content .ban .phonepad ul a:nth-child(3) li h4 {
    white-space: nowrap;
    /* 强制要求不允许换行 */
    overflow: hidden;
    /* 溢出隐藏 */
    text-overflow: ellipsis;
    /* 溢出部分用省略号显示 */
    margin: 0 10px;
    /* 调整content的大小 */
}

.content .ban .miaoshalist ul li h4 {
    margin-top: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 15.36px;
    color: #757575;
}

.content .ban .miaoshalist ul li .price {
    margin-top: 35px;
}

.content .ban .miaoshalist ul li .price .now {
    margin-left: 59px;
    padding: 0 8.832px;
    font-size: 16px;
    font-weight: 700;
    color: #004098;
}

.content .ban .miaoshalist ul li .price .old {
    padding: 0 10px;
    text-decoration: line-through;
    font-weight: 700;
    color: #aaa;
    font-size: 16px;
}

/* 秒杀专区结束 */
/* 热销推荐开始 */
.content .ban .hotsale {
    margin-top: 80px;
}

.content .ban .hotsale h2,
.content .ban .newlist h2 {
    line-height: 40px;
    font-weight: 400;
    font-size: 30px;
}

.content .ban .hotsale ul a li {
    float: left;
    margin: 27px 36px 0 0;
    overflow: hidden;
    perspective: 200;
    transform-style: preserve-3d;
}

.content .ban .hotsale ul a li img {
    display: block;
    width: 358px;
    height: 476px;
    transition: all 1s;
}

.content .ban .hotsale ul a li img:hover {
    transform: rotateX(45deg);
}

/* 热销区结束 */
/* 新品区开始 */
.content .ban .newlist,
.content .ban .phonepad {
    margin-top: 52px;
}

.content .ban .newlist ul {
    margin-top: 30px;
}

.content .ban .newlist ul li:first-child {
    /* position: relative; */
    float: left;
    width: 568.312px;
    height: 561.912px;
    margin-right: 14px;
    background-color: #fff;
    border-radius: 1.38vw;
}

.content .ban .newlist ul li:first-child a img {
    margin: 8.4px 88.951px 0;
    width: 390.41px;
    height: 390.41px;
}

.content .ban .newlist li:first-child h2 {
    text-align: center;
    font-size: 25px;
}

.content .ban .newlist li:first-child h3 {
    text-align: center;
    line-height: 34px;
    font-weight: 400;
    font-size: 16px;
    color: rgb(117, 117, 117);
}

.content .ban .newlist li:first-child span {
    position: absolute;
    left: 50%;
    bottom: 64.5px;
    display: inline-block;
    /* 需要转换成行内块元素才可以使用transform */
    transform: translate(-50%, 0);
    /* 向左移动自身宽度50% */
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #004098#004098;
}

.content .ban .newlist li img {
    margin: 0 64.64px;
    width: 147.2px;
    height: 147.2px;
}

.content .ban .newlist ul a:nth-child(n+2) li {
    float: left;
    background-color: #fff;
    box-sizing: border-box;
    /* 使设置宽高为盒子实际尺寸 */
    border-radius: 14px;
    margin: 0 16px 10px 0;
    padding: 24.48px 0;
    height: 276.48px;
    width: 276.48px;
}

.content .ban .newlist ul a:nth-child(n+4) li {
    margin-bottom: 0px !important;
}

.content .ban .newlist ul a:nth-child(n+2) li h4,
.content .ban .phonepad ul a li h4 {
    text-align: center;
    line-height: 15px;
    font-size: 14px;
    color: #000000;
}

.content .ban .newlist ul a:nth-child(n+2) li h5,
.content .ban .phonepad ul a li h5 {
    text-align: center;
    line-height: 35.5px;
    font-weight: 400;
    font-size: 12px;
    color: #757575;
}

.content .ban .newlist ul a:nth-child(n+2) li span {
    position: absolute;
    left: 50%;
    bottom: 27px;
    display: inline-block;
    transform: translate(-50%, 0);
    font-size: 14px;
    font-weight: 700;
    color: #004098;
}

.content .ban .newlist ul li img,
.content .ban .phonepad ul a li img {
    transition: all 1s;
}

.content .ban .newlist ul li img:hover,
.content .ban .phonepad ul a li img:hover {
    transform: scale(1.05);
}

/* 新品区结束 */
/* 手机平板区开始 */
.content .ban .phonepad .phonetitle {
    padding-bottom: 22.144px;
}

.content .ban .phonepad .A54 img {
    width: 279.04px;
    height: 554.52px;
}

.content .ban .phonepad .A54,
.content .ban .phonepad ul,
.content .ban .phonepad ul a

/* 尽管a是行内元素但是添加浮动后具有行内块元素的特性 */
    {
    float: left;
}

.content .ban .phonepad .phones a {
    width: 209.914px;
    height: 241.008px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 10px;
    margin-right: 9px;
    padding: 8.832px 0;
}

.content .ban .phonepad ul a li img {
    margin: 16px 31.3595px 0px;
    width: 147.195px;
    height: 147.195px;
}

.content .ban .phonepad ul a li div {
    text-align: center;
    font-weight: 700;
    color: #004098;
    font-size: 14px;
}

.content .ban .phonepad ul a li div:last-child span {
    margin-left: 12.5px;
    text-decoration: line-through;
    color: #AAA;
    font-size: 14px;
}

/* 预留手机平板区域轮播图 */
.content .ban .phonepad .padturn .pads {
    position: relative;
    margin-top: 9px;
    border-radius: 10px;
    background-color: #fff;
}

.content .ban .phonepad .padturn .pads a {
    overflow: hidden;
    margin-top: 8.332px;
    margin-right: 11px;
    border-radius: 0;
    padding: 8.832px 0;
    width: 209.914px;
    height: 254.969px;
}

.content .ban .phonepad .padturn .pads a li img {
    width: 147.195px;
    height: 147.195px;
    margin: 0 31.3595px;
}

.content .ban .phonepad .padturn .pads a li h4 {
    height: 40.06px;
}
/* 主内容结束 */
/* 底部开始 */
.footer {
    background-color: #fff;
    width: 100%;
}

.footer .foot {
    margin-top: 52px;
}

/* 对底部版心的子盒子处理 */
.footer .foot .first,
.footer .foot .second,
.footer .foot .third,
.footer .foot .third ul li {
    float: left;
}

/* 对子盒子中的背景图处理 */
.footer .foot .icon {
    display: inline-block;
    width: 52px;
    height: 52px;
    margin-right: 21px;
    cursor: initial;
}

/* 子盒子文字处理 */
.footer .foot .text {
    display: inline-block;
    margin-top: 52px;
    vertical-align: top;
    font-size: 15px;
    cursor: initial;
}

.footer .foot .first .contact .icon {
    background: url(imges/contact.webp) no-repeat;
}

.footer .foot .second .afterSale .icon {
    background: url(imges/7.webp) no-repeat;
}

.footer .foot .third .promise .icon {
    background: url(imges/hand.webp) no-repeat;
}

.footer .foot .third .phoneLine .icon {
    background: url(imges/phoneLogo.webp) no-repeat;
}

.footer .foot .list {
    margin-top: 25.778px;
    border-right: 1px solid #d9d9d9;
}

.footer .foot .list dt {
    padding: 14.222px 21.333px;
    font-weight: 700;
    font-size: 16px;
}

.footer .foot .list dd {
    padding: 6.222px 21.333px;
}

.footer .foot .list dd a {
    font-size: 12.444px;
    color: #161616;
}

.footer .foot .list dd a:hover {
    text-decoration: underline;
    color: #1428a0;
}

.footer .foot .list dl {
    float: left;
}

/* 以上为公共样式 */

/* 第一个子盒子 */
.footer .foot .first .list {
    padding-bottom: 66.87px;
}

.footer .foot .first .list .product {
    width: 160px;
}

.footer .foot .first .list .mySanxing {
    width: 166.98px;
}

/* 第二个子盒子 */
.footer .foot .second {
    margin-left: 47px;
}

.footer .foot .second .list {
    padding-right: 6px;
}

.footer .foot .second .guide {
    width: 159.133px;
}

.footer .foot .second .serve {
    width: 166.97px;
}

/* 第三个子盒子 */
.footer .foot .third {
    margin-left: 91.5px;
}

.footer .foot .third .promise,
.footer .foot .third .phoneLine {
    margin-right: 1px;
    border-bottom: 1px solid #d9d9d9;
}

.footer .foot .third .promise {
    padding: 0 76px 22px 0;
}

.footer .foot .third .promise .thirdText {
    vertical-align: 100%;
    /* 使文本元素在父元素中垂直居中 */
    font-size: 15px;
}

.footer .foot .third .phoneLine {
    padding: 35px 0 22px;
}

.footer .foot .third .phoneLine .thirdText {
    display: inline-block;
    height: 52px;
    /* 与背景图等高 */
    width: 221.81px;
    font-size: 15px;
}

.footer .foot .third .phoneLine .thirdText span {
    font-weight: 700;
}

/* 最后的关注列表 */
.footer .foot .third ul {
    margin: 32px 0 0 17px;
}

.footer .foot .third ul li:first-child {
    margin: 9px 72.5px 9px 0;
    height: 37px;
    line-height: 37px;
    font-size: 15px;
    font-weight: 700;
}

.footer .foot .third ul li a img {
    margin: 9px;
    width: 37px;
    height: 37px;
}

.footer .foot .third ul li a div {
    text-align: center;
    font-size: 12px;
    color: #000000;
}